<template>
    <div id="app">
        <router-view />
        <AppTabbar />
    </div>
</template>
<script>
import AppTabbar from "./components/AppTabbar.vue";
export default {
    components: {
        AppTabbar,
    },
    data() {
        return {};
    },
};
</script>

<style lang="less">
#app {
    background-color: #efefef;
    min-height: 100%;
    font-size: 0.14rem;
}
html,
body {
    height: 100%;
}
//移动端的单位 rem:html的字体大小=1rem   em:当前节点的字体大小=1em
html {
    font-size: 100px !important;
}
//问此得到一个16px宽的盒子 需要设置多大的rem
// 100px = 1 rem
// ???rem = 16px
// ??? = 16px/rem = 16px/100px = 0.16rem
</style>
